<template>
  <div>

    <el-form :model="queryParams">
      <el-input
        v-model="queryParams.classId"
        placeholder="请输入选课id"
      />
      <el-button type="primary" icon="el-icon-search" size="mini" @click="A">通过选课id查询学生信息</el-button>
    </el-form>

    <div>
      <el-table :data="tableData0">
        <el-table-column label="学号" align="center" prop="userName" />
        <el-table-column label="姓名" align="center" prop="nickName"/>
        <el-table-column label="邮箱" align="center" prop="email" />
      </el-table>
    </div>



  </div>
</template>

<script>
    export default {
        name: "label",
      created() {

      },
      data(){
        return {
          tableData0:[],
          queryParams: {
            pageNum: 1,
            pageSize: 10,
            classId: null,
          }
        }
      },
      methods: {
        A() {
          getListByClass(this.queryParams.classId).then(response =>{
              this.tableData0  = response
            }
          );
        },
      }

    }
</script>

<style scoped>

</style>
